@charset "utf-8";
/*格式化html元素*/
@media screen and (min-width: 768px) {
html { padding:0px;margin:0px;font-size:12px;}

body { padding:0px;margin:0px;font-size:14px; color:#333;}

h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;font-size:14px;font-weight:normal;}

div,form,img,ul,ol,li,dl,dt,dd,span{ margin:0px;padding:0px;border:0px;}

input { border:0px; padding:0; margin:0;}

li { list-style-type:none;}

/* Link */
a:link {color:#333;text-decoration:none;}
a:visited { color:#333;text-decoration:none;}
a:active { color:#333;text-decoration:none;}
a:hover { color: #333;text-decoration:none;}


.cLeft {text-align:left;}
.cRight {text-align:right;}
.cCenter {text-align:center;}

/* Font  */
.fB { font-weight: bold;}
.f12px { font-size:12px;}
.f13px { font-size:13px;}
.f14px { font-size:14px;}
.f15px { font-size:15px;}
.f16px { font-size:16px;}
.f18px { font-size:18px;}

.fvr { font-family:"微软雅黑";}
.farial { font-family:"arial";}

/*float*/
.fLeft { float:left;}
.fRight { float:right;}
.clear { clear:both;font-size:1px;width:1px;height:0px;line-height:0px;visibility:hidden;}

/* Other */
.display { display:none;}
.undisplay { display:block;}

/*常用宽度*/
.p5 {padding:5px;}
.pT5 {padding-top:5px;}
.pL5 {padding-left:5px;}
.pR5 {padding-right:5px;}
.pB5 {padding-bottom:5px;}

.p10 {padding:10px;}
.pT10 {padding-top:10px;}
.pL10 {padding-left:10px;}
.pR10 {padding-right:10px;}
.pB10 {padding-bottom:10px;}

.mar8 {margin:8px;}
.marT8 {margin-top:8px;}
.marL8 {margin-left:8px;}
.marR8 {margin-right:8px;}
.marB8 {margin-bottom:8px;}

.marR15 {margin-right:20px;}


}




@media screen and (max-width: 767px) {
html { padding:0px;margin:0px;font-size:12px;}

body { padding:0px;margin:0px;font-size:14px; color:#333;}

h1,h2,h3,h4,h5,h6 { margin:0px;padding:0px;font-size:14px;font-weight:normal;}

div,form,img,ul,ol,li,dl,dt,dd,span{ margin:0px;padding:0px;border:0px;}

input { border:0px; padding:0; margin:0;}

li { list-style-type:none;}
.pc{ display:none}
/* Link */
a:link {color:#333;text-decoration:none;}
a:visited { color:#333;text-decoration:none;}
a:active { color:#333;text-decoration:none;}
a:hover { color: #333;text-decoration:none;}


.cLeft {text-align:left;}
.cRight {text-align:right;}
.cCenter {text-align:center;}

/* Font  */
.fB { font-weight: bold;}
.f12px { font-size:12px;}
.f13px { font-size:13px;}
.f14px { font-size:14px;}
.f15px { font-size:15px;}
.f16px { font-size:16px;}
.f18px { font-size:18px;}

.fvr { font-family:"微软雅黑";}
.farial { font-family:"arial";}

/*float*/
.fLeft { float:left;}
.fRight { float:right;}
.clear { clear:both;font-size:1px;width:1px;height:0px;line-height:0px;visibility:hidden;}

/* Other */
.display { display:none;}
.undisplay { display:block;}

/*常用宽度*/
.p5 {padding:5px;}
.pT5 {padding-top:5px;}
.pL5 {padding-left:5px;}
.pR5 {padding-right:5px;}
.pB5 {padding-bottom:5px;}

.p10 {padding:10px;}
.pT10 {padding-top:10px;}
.pL10 {padding-left:10px;}
.pR10 {padding-right:10px;}
.pB10 {padding-bottom:10px;}

.mar8 {margin:8px;}
.marT8 {margin-top:8px;}
.marL8 {margin-left:8px;}
.marR8 {margin-right:8px;}
.marB8 {margin-bottom:8px;}
.marR15 {margin-right:20px;}


}